    html{
        background-color: #ddd;
    }
    body,html{
        margin: 0;
        height: 100%;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -moz-user-select: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    body{
            background-color: #fff;
    }
    .page{
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 0;
        overflow: hidden;
    }
    .page [class*=" component-"],.page [class^=component-]{
        position: absolute;
        display: none;
        transform-origin: center;	
        background-color: transparent;
    }
    .page .component-no-animate{
        display: block !important;
    }
    .page.active{
        z-index: 1;
    }
    .page.active [class*=" component-"],.page.active [class^=component-]{
        display: block;
    }

    #stage.ani{
        transition: all .3s;
        -moz-user-select: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    body #loadstatus{
        transition: all .3s;
        height: 0;
        overflow: hidden;
        width: 100%;
    }
    body.loading #loadstatus{
        height: 100%;
    }
    .component-componentImg img{
        width: 100%;
        height: 100%;
    }